.about-container
    z-index 1
    height 100%
    width 100%
    position fixed
    background-color $BgColor1
    -webkit-user-select none
    opacity 1
    background-image url('../images/bg-header.jpg')
    background-size cover
    background-position 50% 50%
    
    .margintop
        height calc(20% - 20px)

    .icon-about
        margin 0 auto 0 auto
        height calc(40%)
        max-height 256px
        display block

    .icon-title
        margin 0 auto 8px auto
        height calc(7%)
        max-height 52px
        display block

    .overlay-content
        height 100%
        width 100%
        position absolute
        background rgba(0, 0, 0, 0.6)
        z-index -1

    .content
        margin 0 auto
        width 80%
        height 60%
        color #fff
        font-weight 100
        font-family $AlternateFont
        font-size 17px
        text-align center

        .title-big
            font-size 2.4em
            position absolute

        .title-version
            position absolute
            right 8px
            bottom 8px
            font-size 11px

        .text-about
            line-height 1.2em
            text-align: justify
            text-align-last: center
            margin 0 auto
            max-width 42em
            font-size 1em
            
            .full-text
                height 90px

        .icons_social
            bottom 40px
            position absolute
            left 0
            right 0

            a
                width 38px
                height 38px
                display inline-block
                transition opacity .2s ease
                margin 0 8px

                &:hover
                    opacity .7

            a.site_icon
                background url(../images/icons/icon-popcorn.png) no-repeat center
                background-size contain

            a.twitter_icon
                background url(../images/icons/icon-twitter.png) no-repeat center
                background-size contain
                
            a.facebook_icon
                background url(../images/icons/icon-facebook.png) no-repeat center
                background-size contain
                
            a.google_icon
                background url(../images/icons/icon-google.png) no-repeat center
                background-size contain
                
            a.stash_icon
                background url(../images/icons/icon-stash.png) no-repeat center
                background-size contain

            a.blog_icon
                background url(../images/icons/icon-blog.png) no-repeat center
                background-size contain
                
            a.forum_icon
                background url(../images/icons/icon-discourse.png) no-repeat center
                background-size contain

        .last-line
            bottom 16px
            color #fff
            font-family sans-serif
            font-size 14px
            position absolute
            left 0
            right 0